<!--  -->
<template>
  <div class='statuspage'>
    <div class="lastPage">
        <div class="okBox">
          <img :src="ifImg" alt="">
        </div>
        <div class="okMsg">
          <div v-html="liveword">
            
          </div>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
    data() {
    //这里存放数据
      return {
        ifImg: '',
        liveword: '',
        lastres: ''
      };
    },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {

  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    let tag = this.$route.query.status
    this.liveword = this.$route.query.msg
    this.lastres = tag
    if (tag == 1) {
      this.ifImg = require('./../../img/itisok.png')
    } else if (tag == 2) {
      this.ifImg = require('./../../img/itisok.png')
      this.liveword = ` <p>${this.$route.query.msg}</p>
      <p><span style="font-weight: 600; color: #352727;">测评额度为:</span>&nbsp;&nbsp;&nbsp;${this.$route.query.finalQuota}</p>
      <p><span style="font-weight: 600; color: #352727;">测评月息为:</span>&nbsp;&nbsp;&nbsp;${this.$route.query.finalMonthL}%</p>
      <p><span style="font-weight: 600; color: #352727;">测评分期数为:</span>&nbsp;&nbsp;&nbsp;${this.$route.query.stagesNum}期</p>`
    } else if (tag == 3) {
      this.ifImg = require('./../../img/itisbad.png')
    } else if (tag == 4) {
      this.ifImg = require('./../../img/expiredcode.png')
    }
    
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='scss' scoped>
.statuspage {
  width: 100vw;
  height: 100vh;
  position: relative;
  .lastPage {
    position: absolute;
    width: 98%;
    padding: 0 1% 60px 1%;
    transform: translateY(50%);
    
    .okBox {
      width: 100px;
      height: 100px;
      margin: 20px auto;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .okMsg {
      width: 100%;
      text-align: center;
      height: auto;
      word-wrap: break-word;
    }
  }
}
  //@import url(); 引入公共css类

</style>
